 
/* 轮播样式 */
.lunbo {
}
.lunbo_img {
    width: 60%;
}

.carousel-wrap {
   height: 400px;
   width: 60%;
   margin: 0 auto;
   overflow: hidden;
   background-color: #fff;
}

.slide-ul {
  position: relative;
  width: 100%;
  height: 240;
}

.slide-ul li {
  position: absolute;
  width: 100%;
  height: 400;
}

.slide-ul img {
  width: 100%;
  height: 400;
}

.carousel-items {
  position: absolute;
  z-index: 10;
  top: 390px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  font-size: 0;
}

.carousel-items span {
  display: inline-block;
  height: 6px;
  width: 30px;
  margin: 0 3px;
  background-color: #b2b2b2;
  cursor: pointer;
}
.carousel-items .active {
  background-color: orange;
}

.list-enter-to {
  transition: all 1s ease;
  transform: translateX(0);
}

.list-leave-active {
  transition: all 1s ease;
  transform: translateX(-100%)
}

.list-enter {
  transform: translateX(100%)
}

.list-leave {
  transform: translateX(0)
}